import zoomInModal from "@/directive/zoom-in-modal";
import Vue from 'vue'

export default {
  name: 'myCard',
  data() {
    return {
      name: 'xxxx',
      popupVisible: false,
      pickerValue: '',
      list: [{
        name: '公共自行车卡',
        id: 1
      }, {
        name: '公交卡',
        id: 2
      }, {
        name: '旅游年卡',
        id: 3
      }]
    }
  },

  directives: {
    zoomInModal
  },
  components: {
    // ModalBox
  },
  created() {

  },
  mounted() {

    // let MyComponent = Vue.extend({
    //   template: '<a style="color:#07bb49;" v-on:click="showMsg()">删除</a>',
    //   methods: {
    //     showMsg: (id) => {
    //       // alert(this.name);
    //       // this.popupVisible = true;
    //       this.$refs.picker.open()
    //     }
    //   }
    // });
    // let component = new MyComponent().$mount();
    // document.getElementById('edituser').appendChild(component.$el);

  },
  methods: {
    goBack() {
      // this.$router.go(-1);
      // history.back()
    },
    clickItem() {
      // this.$router.push({
      //   path: '/mobile/index'
      // });
    }
  }
}